(ns qixt.xyz.views
  (:require
   [hiccup.core :refer [html]] 
   [hiccup.page :refer [include-css]] 
   [hiccup.element :refer [image]] 
   [garden.core :refer [css]]))

(defn whoami []
  "This page contains info about me and contact info"
  (html
   [:head [:title "Who Am I"]
    (include-css "css/Style.css")
    [:style 
     (css 
      [:.grid {:place-items "center"}]
      [:div.grid :td {:padding "2em"}]
      [:td {:border "3px solid black"}]
      [:#content {:width "95%" :padding "1%"}]
      [:#contact :p {:padding "8px"}]
      [:#profile {:width "100%" :height "auto"}]
      [:#experience {:width "fit-content" :margin "0 auto"}])]]
   [:body
    [:div {:id "content"}
     [:div {:class "flexbox" :style "padding-bottom: 15px"}
      [:div {:class "item" :style "width:30%;"} [:img {:id "profile" :src "img/me.jpg" :alt "A picture of me"}]]
      [:div {:class "item" :id "bio" :style "padding:2%; width:40%;"}
       [:h2 "About Me"]
       [:p "I'm currently an intern software engieer for Stauder Technologies aswell as being apart of FRC team 1706.
My main interest include low level application development, embedded development, and robotics."]]]
     [:div {:id "contact" :class "grid" :style "padding-bottom: 0px"}
      [:div {:style "grid-row:1; grid-column: 1 / 3; text-align:center;"} [:h1 "Contact"]]
      [:div {:style "grid-row:2; grid-column:1 text-align: left;"}
       [:p "WilliamBehrens@tutanota.com"] ; Note to self, Update your email
       [:p "(636)-290-2923"]] ; Remove this?
      [:div {:style "grid-row:2; grid-column:2 text-align: right;"}
       [:p "https://notabug.org/williambehrens"] ; Make this link neatly somehow
       [:p "@pixtum:matrix.org"]]] ; Get a new matrix user name
     [:div {:id "experience" :class "grid"}
      [:div {:id "header" :style "grid-row:1; grid-column: 1 / 3; text-align:center;"} [:h1 "Experience"]]
      [:table {:style "border-collapse:collapse; grid-row:2; grid-column: 1 / 3;"}
       [:tr
        [:td [:h3 "FRC Team 1706"]]
        [:td [:p "FRC is a compition put on by F.I.R.S.T every year where students develop robots to complete in a new game each year.
I was a part of team 1706, Rachet Rockers, While I was there I worked on computer vision solutions making use of a range of technologies like OpenCV, C++, Arduino. 
In my last year there I lead the control team working with Java to program the entire robot while still relying on C++ for the vision solutions."]]]
       [:tr
        [:td [:h3 "Stauder Technologies"]]
        [:td [:p "I obtained an internship at Stauder Technologies through the St. Charles County CAPS program.
I worked there for about a year assisting in various dev-ops tasks such as adding addional platform support, and stream lining their C++
dependancy management using Conan."]]]]]]]))

(defn index []
  ""
  (html
   [:p "hello"]))

(defn film-as-lit []
  ""
  (html
   [:head [:title "Film As Lit"]
    (include-css "css/Style.css")
    [:style
     (css
      [:#content {:width "90%" :padding "1%"}])]]
   [:body
    [:div {:id "content"}
     [:h1 {:style "text-align:center"} "Film As Lit Reviews"]
     [:hr {:size "1" :width "100%" :color "black"}]
     [:h2 "Title"]
     [:p "This is an example paragraph."]]]))

(defn error [code]
  ""
  (html
   [:p "Error!"]))
